<script setup>
import Aside from '../components/Aside.vue';
import { defineAsyncComponent } from 'vue'
import { shallowRef } from 'vue'
const AdminVue = defineAsyncComponent(() => import('../components/table/AdminTable.vue'))
</script>
<template>
    <div class="common-layout">
        <el-container>
            <el-aside width="250px" style="margin-top:0 ;background:fixed rgb(34,45,50);height: 100vh;">
                <Aside></Aside>
            </el-aside>
            <el-main id="ihead" style="height: 100vh;margin:0 5px;">
                <AdminVue :data_name="tb_name"></AdminVue>
            </el-main>
        </el-container>
    </div>
</template>
    
<script>
export default {
    data() {
        return {
            tb_name: ''
        }
    }, computed: {
        tb_name(){
            console.log(this.tb_name)
            return this.tb_name
        }
    }, mounted() {
        console.log(this.$route.query.name)
        this.tb_name = this.$route.query.name
    }
}
</script>
      